@charset "utf-8";

body{ color:#333;}

.yahei{font-family:'Microsoft YaHei';}
.top-box,.nav-box,.main-box,.sub-box,.footer-box{ margin:0 auto; min-width:1000px; width:100% !important; _width:100%;}


.top-box,.top-box .area{ height:116px;}
.top-box{ border-top:3px solid #003181; background:url(../images/top-box.gif) center top repeat;}
.top-box .logo{ position:absolute; top:30px; left:0;}
.top-tel{ position:absolute; top:34px; right:0; padding-left:30px; background:url(../images/tel.png) left bottom no-repeat;}
.top-tel p{ height:22px; line-height:22px; overflow:hidden; font-size:18px; color:#999;}
.top-tel span{ color:#195aac; font-weight:bold;}
.top-tel strong{ display:block; height:28px; line-height:28px; overflow:hidden; font-size:26px; color:#ffa400;}

/***********nav*******************/
.nav-box{position:relative; z-index:10; background:url(../images/nav-box.gif) repeat-x;}
.nav-box .area{height:36px;}

/* m-nav */
.m-nav{}
.m-nav .fir-ul{position:relative;z-index:3;font-size:0;text-align:center;height:36px;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;z-index:9;text-align:center;}
.m-nav .fir-ul .u-a{display:block;height:36px;line-height:36px;color:#fff;font-size:14px;font-weight:bold;border-right:1px solid #1e4f90;z-index:11;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{ background:url(../images/nav-hover.gif) repeat;}
.m-nav .fir-ul .first .u-a{border-left:1px solid #1e4f90;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;position:absolute;top:36px;left:0;width:100%;background:url(../images/pngbg-w75.png) repeat;font-size:0;text-align:center;}
.m-nav .nav-y .sec-ul li{text-align:center;height:24px;line-height:24px;overflow:hidden;padding:0;}
.m-nav .nav-y .sec-ul li a{display:block;padding:0 6px;overflow:hidden;color:#000;font-weight:normal;font-size:12px;}
.m-nav .nav-y .sec-ul li.hover a{color:#069;}

/***************m-focus*******************/
.m-focus{position:relative;z-index:1;width:100%;height:372px;overflow:hidden;}
.m-focus .switchable-box{width:100%;height:372px;}
.m-focus .switchable-content li{width:100%;height:372px;text-align:center;text-indent:-9999em;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{ display:block; height:372px;}
.m-focus .switchable-nav{ position:relative; zoom:1; width:1000px; margin:-20px auto 0; z-index:10;}
.m-focus .switchable-nav,.m-focus .switchable-nav ol{ height:12px;}
.m-focus .switchable-nav ol{ margin-left:260px; *zoom:1;}
.m-focus .switchable-nav ol:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.m-focus .switchable-nav li{ float:left; display:inline; margin:0 3px;width:12px;height:0;overflow:hidden;padding-top:12px;text-align:center; background:url(../images/switchable-nav.png) no-repeat; cursor:pointer;}
.m-focus .switchable-nav li.active{background:url(../images/switchable-nav-current.png) no-repeat;}

.main-box,.sub-box{ border-top:7px solid #069;}

.main-box .left-column,.sub-box .left-column{float:left;display:inline;width:250px;}
.main-box .right-column,.sub-box .right-column{float:right;display:inline;width:735px;}


.left-menu{ position:relative; z-index:10; margin-top:-39px;}

.m-tt-1{ overflow:hidden; background:url(../images/title.gif) 0 0 repeat-x;}
.m-tt-1 h2{ height:32px; line-height:32px; float:left; display:inline; padding-left:26px; font-size:18px; color:#fff; background:url(../images/title-arr.gif) 15px center no-repeat;}
.m-tt-1 h2 span{ font-size:12px; font-weight:normal; color:#ffa400;}
.m-tt-1 .more{ float:right; display:inline; margin-right:12px; height:32px; line-height:32px; color:#fff;}
.m-tt-1 .more:hover{ text-decoration:underline;}


.left-menu .m-tt-1 h2{ font-size:14px;}

.m-leftmenu{ padding-top:6px;}
.m-leftmenu h4{ position:relative; zoom:1; overflow:hidden; margin-top:1px; border:1px solid #ccc; background:url(../images/menu.gif) 0 0 repeat-y;}
.m-leftmenu h4 a.u-link{ display:block;padding:0 15px 0 24px;height:30px;line-height:30px;overflow:hidden;font-weight:normal; background:url(../images/menu-arr.gif) 15px center no-repeat;}
.m-leftmenu h4.current,
.m-leftmenu h4.hover{ padding:1px; border:none; background-position:-248px 0;}
.m-leftmenu ul{display:none; border:1px solid #ccc; border-top:none;}
.m-leftmenu li{height:24px;line-height:24px;overflow:hidden;padding-left:25px;}
.m-leftmenu li a:hover{ color:#069;}


.m-tt-2{ overflow:hidden; border-bottom:3px solid #069;}
.m-tt-2 h2{ height:36px; line-height:36px; float:left; display:inline; padding-left:4px; font-size:18px; color:#069;}
.m-tt-2 h2 span{ font-size:12px; font-weight:normal; color:#ffa400;}
.m-tt-2 .more{ float:right; display:inline; padding-top:4px; height:32px; line-height:32px; color:#999;}
.m-tt-2 .more:hover{ color:#069;}

.m-video .u-con{ margin-top:12px; padding:5px; width:240px; height:200px; overflow:hidden; background:#e7e7e7;}

.m-contact .u-con{ margin-top:12px; padding:6px 8px 10px; width:234px; background:#e7e7e7;}
.m-contact .u-con ul{ padding-top:3px;}
.m-contact .u-img{ width:234px; height:100px; overflow:hidden;}

.product-box{ padding-top:30px;}
.m-product{ position:relative; zoom:1; overflow:hidden;}
.m-product ul{ margin-left:-15px;}
.m-product li{ float:left; display:inline; margin:15px 0 0 15px; width:235px;}
.m-product li .u-box{ display:block; padding:4px; border:1px solid #ccc;}
.m-product li .u-img{ position:relative; zoom:1; width:225px; height:164px; overflow:hidden;}
.m-product li .u-img i{ position:absolute; bottom:-26px; left:0; width:100%; height:26px; line-height:26px; text-align:center; background:url(../images/pngbg-y50.png) repeat;}
.m-product li .u-name,
.m-product li .u-volume{ height:22px; line-height:22px; overflow:hidden; padding:0 10px; background:#ccc;}
.m-product li .u-name{ margin-top:5px;}
.m-product li .u-name,.m-product li .u-name a{ color:#1b0773;}
.m-product li .u-volume{ margin-top:1px;}

.m-about{ width:485px;}
.m-about .u-con{ padding-top:4px;}
.m-about .u-con p{ height:168px; line-height:24px; overflow:hidden;}
.m-about .u-con p a{ color:#022c60;}
.m-about .u-con p a:hover{ color:#069;}
.m-about .u-img{ float:left; display:inline; margin:4px 10px 0 0; width:210px; height:158px; overflow:hidden;}

.m-news{ width:240px;}
.m-news ul{ padding-top:4px;}
.m-news li{ padding-left:4px; height:26px; line-height:26px; overflow:hidden; border-bottom:1px dashed #c1bfbf; *zoom:1;}
.m-news li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.m-news li .time{ float:right; display:inline; margin-left:12px; color:#999;}
.m-news li a:hover{ color:#069;}


.links-box .title{ padding:0 5px; height:28px; line-height:28px; overflow:hidden; color:#069; border-bottom:3px solid #069;}
.m-links{ margin-top:8px; line-height:30px;}
.m-links a:hover{ color:#069;}

.footer-box{ margin-top:20px; background:url(../images/footer-box.gif) center top repeat;}
.footer-nav{ height:32px; line-height:32px; overflow:hidden; text-align:center; background:url(../images/footer-nav.gif) repeat-x; border-bottom:1px solid #fff;}
.footer-nav,.footer-nav a{ color:#fff;}
.footer-nav a{ margin:0 20px;}
.footer-nav a:hover{ text-decoration:underline;}

.footer-info{ padding:30px 0;}
.footer-info .erwei{ float:left; display:inline; margin-right:26px;}
.footer-info .erwei img{ width:140px; height:140px;}
.footer-info .content{}
.footer-info .content .u-con{ margin-top:12px; line-height:30px; font-size:12px; color:#8ab3e5;}
.footer-info .content .qq img{ margin-top:4px;}

.m-sub .m-current{float:right;display:inline; padding-top:4px; height:32px; line-height:32px;}
.m-sub .m-current a:hover{ text-decoration:underline;}
.m-sub .m-current,.m-sub .m-current a{ color:#999;}

.m-sub .m-content{ line-height:30px;}
.sub-share{padding:15px 0;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}


/***************** detail-pro *********************/
.pro-detail{ padding:20px;}
.pro-detail h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center;}
.pro-detail .detail-time,.pro-detail .detail-user{text-align:center;color:#999;font-size:12px;line-height:24px; padding-bottom:10px;border-bottom:1px dotted #999;}
.pro-detail .detail-share{padding:5px 0;text-align:right}
.pro-detail .detail-img{position:relative;zoom:1;overflow:hidden;padding:20px 0;text-align:center;}
.pro-detail .detail-img img{max-width:695px;_width: expression((documentElement.clientWidth < 695) ? "" : "695px" );}
.pro-detail .detail-img .debtn-prev,.pro-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;width:54px;height:87px;background:url(../images/ad/ad-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.pro-detail .detail-img .debtn-prev:hover,.pro-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.pro-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.pro-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.pro-detail .detail-con{padding:10px 0;line-height:24px;font-size:12px;}
.pro-detail .detail-page{border-top:1px dotted #999;}
.pro-detail .detail-page .page-text{width:48%;height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#999;}
.pro-detail .detail-page .page-text a{color:#666;}
.pro-detail .detail-page .page-text a:hover{color:#069;}
.pro-detail .detail-page .f-fr{text-align:right;}


.sub-news-list{ padding:0 8px;}
.sub-news-list li{ padding-left:15px; height:36px; line-height:36px; position:relative; overflow:hidden; zoom:1; border-bottom:1px dotted #ccc;}
.sub-news-list li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.sub-news-list li .u-img{ float:left; display:inline; width:130px; height:86px; overflow:hidden; margin:4px 25px 0 0; padding:4px; border:1px solid #ccc;}
.sub-news-list li .time{ float:right; display:inline; margin:0 0 0 6px; font-size:12px;}
.sub-news-list li i{ position:absolute; left:0; top:15px; width:6px; height:6px; overflow:hidden; background:#df5605;}

.sub-news-list li.pic{ height:auto; padding:20px 0;}
.sub-news-list li.pic i{ height:24px; line-height:24px; top:20px; left:156px; font-size:14px; font-weight:bold; color:#069; background:none;}
.sub-news-list li.pic h4{ height:24px; line-height:24px; overflow:hidden; color:#069; font-weight:normal;}
.sub-news-list li.pic h4 a{ color:#069;}
.sub-news-list li.pic p{ height:72px; line-height:24px; overflow:hidden; margin-top:4px; color:#666;}
.sub-news-list li.hover .time,
.sub-news-list li.hover a{ color:#069;}
.sub-news-list a:hover{ text-decoration:underline;}


.news-detail{ padding:20px;}
.news-detail h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center;}
.news-detail .detail-time,.news-detail .detail-user{text-align:center;color:#999;font-size:12px;line-height:24px; padding-bottom:10px;border-bottom:1px dotted #999;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{text-align:center;padding:10px 0;}
.news-detail .detail-img img{max-width:695px;_width: expression((documentElement.clientWidth < 695) ? "auto" : "695px" );}
.news-detail .detail-con{padding:10px 0;line-height:24px;font-size:12px;}
.news-detail .detail-page{border-top:1px dotted #999;}
.news-detail .detail-page .page-text{width:48%;height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#999;}
.news-detail .detail-page .page-text a{color:#666;}
.news-detail .detail-page .page-text a:hover{color:#069;}
.news-detail .detail-page .f-fr{text-align:right;}


/***************** sub-content *********************/
.sub-content{ padding:20px; line-height:24px;}
.sub-content img{max-width:695px;_width: expression((documentElement.clientWidth < 695) ? "auto" : "695px" );}
.sub-content .f-fl{ margin:0 0 10px 10px; width:auto;}
.sub-content h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center; padding-bottom:20px;}
.sub-content p{line-height:24px;font-size:12px;}
.sub-content #platform img{max-width:none;_width: none;}


/*****************sub-message ************/
.sub-message{padding:40px 20px;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px; vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;font-family:"microsoft yahei";}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#069;}


/*******************gallery*******************/
.detail-tt{ text-align:center; padding:20px 20px 0;}
.detail-tt h1{ line-height:30px; font-size:20px; font-weight:normal;}
.detail-tt .detail-time{ color:#999; display:block; line-height:24px;}

.m-gallery{ width:700px; margin:8px auto 0; position:relative; zoom:1;}
.m-gallery .ad-image-wrapper{width:700px;height:400px;overflow:hidden;position:relative;}
.m-gallery .ad-image-wrapper .ad-loader{position:absolute;z-index:10;top:50%;left:50%;margin:-12px 0 0 -12px;}
.m-gallery .ad-image-wrapper .ad-image{position:absolute;overflow:hidden;top:0;left:0;z-index:9;}
.m-gallery .ad-image-wrapper .ad-image a img{border:0;}
.m-gallery .ad-image-wrapper .ad-image .ad-image-description{position:absolute;bottom:0;left:0px;padding:10px; display:none;}
.m-gallery .ad-nav {width:700px;position: relative;}
.m-gallery .ad-forward, .m-gallery .ad-back {position:absolute;top:0;width:25px;height:105px;display:block;z-index:10;cursor:pointer;}
.m-gallery .ad-back {left:0;background:url(../images/ad_scroll_back.png) 0px center no-repeat}
.m-gallery .ad-forward {right:0;background:url(../images/ad_scroll_forward.png) 0px center no-repeat;}

.m-gallery .ad-nav{width:700px; height:105px; overflow:hidden;margin:15px 0 0;}
.m-gallery .ad-nav .ad-thumbs {overflow:hidden; zoom:1;width:700px;margin:0 auto;}
.m-gallery .ad-thumbs .ad-thumb-list{ margin-left:-20px;}
.m-gallery .ad-thumbs li {position:relative;float:left; display:inline;height:105px; padding:0 0 0 20px;}
.m-gallery .ad-thumbs li a{}
.m-gallery .ad-thumbs li a img {display: block; width:160px;height:105px;}
.m-gallery .ad-thumbs li .ad-name{position:absolute;bottom:0;left:0;width:100%;text-align:center; display:none;}
.m-gallery .cnt-text{ zoom:1; position:relative;padding:10px 0;line-height:30px;font-size:14px; color:#333;}

.ad-gallery .ad-image-wrapper .ad-prev{ display:none;}
.ad-gallery .ad-image-wrapper .ad-next{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;display:block;z-index:100;}